<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>设计套组 - 渡物 Dimension</title>
  <link rel="stylesheet" href="assets/css/style.css">
</head>

<div class="logo-sticker">
  <img src="assets/images/logo.png" alt="渡物 Dimension Logo">
</div>

<div class="top-right-img">
    <img src="assets/images/right_nav.png" alt="top right image">
</div>

<header class="site-header">
  <div class="nav-container">

    <!-- 导航菜单 -->
    <nav class="nav-menu">
	  <div class="nav-item">
          <a href="welcome.html">首页</a>
        </div>
		
      <div class="nav-item">
        <a href="designs.html"  style="color: var(--primary); font-weight: 600;">设计</a>
      </div>
	  
      <div class="nav-item dropdown">
        <span><a href="categories.html">商品<a></span>
        <div class="dropdown-content">
          <a href="categories.html#基础">基础
		  <img src="assets/images/1.png" alt="基础" class="menu-img">
		  </a>
          <a href="categories.html#灯类">灯类
		  <img src="assets/images/2.png" alt="灯类" class="menu-img">
		  </a>
          <a href="categories.html#床类">床类
		  <img src="assets/images/3.png" alt="床类" class="menu-img">
		  </a>
          <a href="categories.html#桌类">桌类
		  <img src="assets/images/4.png" alt="桌类" class="menu-img">
		  </a>
          <a href="categories.html#椅类">椅类
		  <img src="assets/images/5.png" alt="椅类" class="menu-img">
		  </a>
		  <a href="categories.html#凳类">凳类
		  <img src="assets/images/6.png" alt="凳类" class="menu-img">
		  </a>
		  <a href="categories.html#沙发">沙发
		  <img src="assets/images/7.png" alt="沙发" class="menu-img">
		  </a>
		  <a href="categories.html#柜类">柜类
		  <img src="assets/images/8.png" alt="柜类" class="menu-img">
		  </a>
		  <a href="categories.html#架类">架类
		  <img src="assets/images/9.png" alt="架类" class="menu-img">
		  </a>
		  <a href="categories.html#装饰">装饰
		  <img src="assets/images/10.png" alt="装饰" class="menu-img">
		  </a>
		  <a href="categories.html#组合">组合
		  <img src="assets/images/11.png" alt="组合" class="menu-img">
		  </a>
		  <a href="categories.html#其他">其他
		  <img src="assets/images/12.png" alt="其他" class="menu-img">
		  </a>
        </div>
      </div>

      <div class="nav-item search">
        <input type="text" placeholder="搜索商品..." />
      </div>

      <div class="nav-item">
        <a href="settings.html">设置</a>
      </div>

      <div class="nav-item">
        <a href="user.html">个人中心</a>
      </div>

      <div class="nav-item">
        <a href="contact.html">联系我们</a>
      </div>
      <div class="nav-item">
          <button class="music-toggle btn btn-outline">🎵</button>
      </div>
    </nav>
  </div>
</header>

<body>
  
  <div class="nav-spacer"></div>

<!-- 主体内容：设计功能板块 -->
  <div class="container">
    <h1 class="function_title">设计功能</h1>
    <section class="flex flex-col gap-2">
      <!-- 板块1：AI助手 -->
      <div class="form-card">
        <h2>1: AI助手</h2>
        <p>利用智能AI提供个性化设计建议，优化您的家居布局与风格选择。</p>
        <a href="assistant.html" class="btn">体验AI助手</a>
      </div>
      <!-- 板块2：2.5D室内编辑器 -->
      <div class="form-card">
        <h2>2: 室内2.5D编辑器</h2>
        <p>通过直观的2.5D编辑工具，实时预览和调整您的室内设计方案。</p>
        <a href="editor.html" class="btn">进入编辑器</a>
      </div>
      <!-- 板块3：风格设计全景图 -->
      <div class="form-card">
        <h2>3: 风格设计全景图</h2>
        <p>探索多样化的家居风格全景图，激发您的设计灵感。</p>
        <a href="style-panorama.html" class="btn">查看全景图</a>
      </div>
      <!-- 板块4：个性化推荐 -->
      <div class="form-card">
        <h2>4: 个性化推荐</h2>
        <p>根据您的喜好和需求，获取定制化的家具与装饰推荐。</p>
        <a href="recommend.html" class="btn">获取推荐</a>
      </div>
      <!-- 板块5：家具定制 -->
      <div class="form-card">
        <h2>5: 家具定制</h2>
        <p>设计独一无二的家具，满足您的个性化需求与空间要求。</p>
        <a href="custom.html" class="btn">开始定制</a>
      </div>
    </section>
  </div>

  <!-- 页脚 -->
  <footer class="site-footer">
    <p>© 2025 渡物 Dimension. 保留所有权利。</p>
  </footer>
  <script src="assets/js/music.js"></script>
  <script src="assets/js/search.js"></script>
</body>
</html>